<template>
	<view class="item">
		<view class="middle">
			<view class="title">{{ name }}</view>
		</view>
		<view class="right">
			<!-- <view class="seeclick" @click="seeClick">查看</view> -->
			<!-- <checkbox :value="'check_'+ id" checked=true /> -->
			<label>
				<checkbox value="cb" checked="true" />
			</label>
		</view>
	</view>
</template>

<script>
	
	/* 专家列表
	*  <myExpert  :id="item.id" :src="item.icon" :name="item.name" :title="item.title" @returnItem="returnItem"></myExpert>
	*	"id":1,
	* 	"name":'王洞飞',
	* 	"title":"西南农业大学教授",
	* 	"icon":'/static/image/persion.png',
	*/	
	
	export default {
		name: "expert",
		// 此处定义传入的数据
		props: {
			id: {
				type: Number,
				default:0
			},
			name: {
				type: String,
				value: ""
			},
			src: {
				type: String,
				value: ""
			},
			title:{
				type: String,
				value: ""
			},
			
			checked:{
				type:Boolean,
				default:true
			}
		},
		methods: {
			seeClick(){
				this.$emit('returnItem', {
					id: this.id,
					name:this.name
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.item{
		margin-top: 20rpx;
		height: 100rpx;
		background: #ffffff;
		border-radius: 10rpx;
	
		
		.left{
			width: 25%;
			float: left;
			text-align: center;
			
			.icon{
				margin-top: 20rpx;
				width: 110rpx;
				height: 110rpx;
			}
		}
		
		.middle{
			width:90%;
			// height: 110rpx;
			float: left;
			padding-left: 20rpx;
			margin-top: 20rpx;
			.title{
				line-height: 55rpx;
				font-size: 30rpx;
				font-weight: bold;
				color: #1e1e1e;
			}
		}
		
		.right{
			width: 5%;
			float: left;
			margin-top: 20rpx;
		}
	}
</style>
